<header fxLayout fxLayoutAlign="start center">
  <span fxFlex="50px">{{event.operator.name}}</span>
  <span fxFlex>{{event.fireDateTime|date:'yyyy-MM-dd HH:mm:ss'}}</span>
  <button [matMenuTriggerFor]="menu" mat-button type="button">
    {{('EventSourceType.' + event.type)|translate}}
  </button>
  <mat-menu #menu="matMenu" xPosition="before">
    <button (click)="undo()" [disabled]="!canUndo()" mat-menu-item type="button">{{'Common.undo'|translate}}</button>
  </mat-menu>
</header>

<section fxLayout="column">
  <mat-list dense>
    <mat-list-item style="font-size: 14px">
      <div fxLayout fxLayoutAlign="start center" fxLayoutGap="16px" matLine>
        <span translate="silkCarRecordDestination"></span>
        <span>{{($destination|async)?.name}}</span>
      </div>
    </mat-list-item>
  </mat-list>
</section>
